.wrap {
  width: 100px;
  height: 300px;
}

.arrow {
  background-image: url("../img/ico_star_press1@2x.png");
  background-size: cover;
}

.avatar-wrap img,
.avatar-wrap span {
  display: inline-block;
  vertical-align: middle;
}

.wrap:hover .menu {
  display: block;
}

.wrap:hover .arrow {
  background-image: url("../img/ico_star_press@2x.png");
  background-size: cover;
}

/* 如果设置了边距，父元素需要加高来覆盖子元素的内容 */
/* 如果不设置边距，但是有边距，可以同时设置最外层盒子背景为透明，增加padding */
.menu {
  display: none;
  /* display: block; */
  text-align: center;
  margin-top: 10px;
  position: relative;
  border: 1px solid #ddd;
}

/* 用css画一个三角形 */
.menu::after {
  position: absolute;
  content: "";
  height: 0px;
  width: 0px;
  border: 6px solid transparent;
  border-bottom: 6px solid #ddd;
  top: -13px;
  left: 43px;
}

.item {
  margin-bottom: 8px;
}
.item:hover,
item:active {
  color: blue;
}
